<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="keywords" content="博客,技术,PHP,Mysql,Html,Css,Ajax,服务器,Js,数据库,网站,微信公众号,小程序" />
    <meta name="description" content="Alinejun - 个人技术博客，专注码农的世界" />
    <title>Alinejun - 个人技术博客</title>
    <link rel="icon" href="__IMG__/favicon.ico">
    <link href="__STATIC__/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
    <link href="__STATIC__/bootstrap/css/bootstrap-theme.min.css" rel="stylesheet" type="text/css" />
    <link href="__CSS__/head.css" rel="stylesheet" type="text/css" />
    <link href="__CSS__/base.css" rel="stylesheet" type="text/css" />
    <link href="__CSS__/index.css" rel="stylesheet" type="text/css" />
    <link href="__CSS__/iconfont.css" rel="stylesheet" type="text/css" />


	<link rel="stylesheet" href="__STATIC__/swiper-4.3.5/css/swiper.min.css">
    <script src="__STATIC__/swiper-4.3.5/js/swiper.min.js"></script>
    <script type="text/javascript" src="__JS__/jquery-2.1.4.min.js"></script>

</head>
<body>
    <!-- head -->
    <div class="container-fluid" style="padding: 0px">
        <div class="header">
            <!-- header -->
            {:widget('Common/header')}
            <!-- /header -->
            <div class="ad-box">
                <span>梦想总是要有的</span>
                <h2>
                    <a href="#" title="路漫漫其修远兮，吾将上下而求索">路漫漫其修远兮，吾将上下而求索</a>
                </h2>
                <div class="other">
                    <span>by</span>&nbsp;-&nbsp;<span>Alinejun</span>
                </div>
            </div>
            <!-- category -->
            {:widget('Common/category')}
            <!-- /category -->
        </div>
    </div>
    <!-- head -->

	<!-- itemGrid for hot -->
    <div class="container">
        <div class="row">
            <div class="col-sm-8 col-md-9 box-left">
                <div class="navtype">
                    <div class="type-l">
                        <a href="{:url('index/news/cateall')}" class="cate">
                            <i class="iconfont">&#xe625;</i>
                            分类
                        </a>
                    </div>
                    <div class="type-r">
                        <a href="{:url('index/news/laball')}" class="lab">
                            <i class="iconfont">&#xe615;</i>
                            标签
                        </a>                    
                    </div>
                </div>

                <div class="swiper-box">
                    <div class="swiper-container" id="swiper">
                        <ul class="swiper-wrapper">
                            <li class="swiper-slide">
                                <a href="javascript:;" title="Ambad">
                                   <img class="img" src="__IMG__/bug1.jpg">
                                </a>

                            </li>
                            <li class="swiper-slide">
                                <a href="javascript:;" title="Ambad">
                                   <img class="img" src="__IMG__/bug2.jpg">
                                </a>

                            </li>
                            <li class="swiper-slide">
                                <a href="javascript:;" title="Ambad">
                                   <img class="img" src="__IMG__/bug3.jpg">
                                </a>

                            </li>
                            <li class="swiper-slide">
                                <a href="javascript:;" title="Ambad">
                                   <img class="img" src="__IMG__/bug4.jpg">
                                </a>

                            </li>
                        </ul>

                        <div class="overlay index"></div>

                        <div class="focusNext swiper-button-next swiper-button-white"></div>

                        <div class="focusPrev swiper-button-prev swiper-button-white"></div>

                        <div class="indexPartyPagination commonSwiperPagination swiper-pagination" id="indexFocusPagination"></div>

                    </div>
                </div>

                <!-- itemBox 头条 -->
                <div class="news-list" style="padding:0;">
                    <div class="titlebar">
                        <div class="head">
                            <h3><b>头条</b></h3>
                        </div>
                    </div>
                    <!-- listMoreGroup -->
                    <div class="box-cont">
                        <ul>
                            {volist name="newslist" id="vo"}
                            <li>
                                <div class="box-text">
                                    <article class="text">
                                        <h3>
                                            <a class="btn btn-info btn-sm" href="javascript:;">
                                                <i class="iconfont">&#xe733;</i>
                                                {$vo.classname}
                                            </a>
                                            <a href="{:url('index/news/info',['news_id' => $vo['news_id']])}" title="{$vo.title}">
                                                <span>{$vo.title}</span>
                                            </a>
                                        </h3> 
                                        <p class="desc">{$vo.desc}</p>
                                        <p class="info">
                                            <span class="time">
                                                <i class="iconfont">&#xe6b7;</i>
                                                {$vo.create_time}
                                            </span>
                                            <a href="{:url('index/news/info',['news_id' => $vo['news_id']])}" title="阅读全文" class="read">阅读全文 >></a>
                                            <span class="comment">
                                                <a href="{:url('index/news/info',['news_id' => $vo['news_id']])}">
                                                    <i class="iconfont">&#xe642;</i>（{$vo.count_comment}）
                                                </a>
                                            </span>
                                            <span class="scan">
                                               <i class="iconfont">&#xe614;</i>（{$vo.scan}）
                                            </span>
                                        </p>
                                    </article>
                                </div>
                                <div class="sline"></div>
                            </li>    
                            {/volist}

                            <div class="clearfix"></div>
                         </ul>
                    </div>
                    <!-- / listMoreGroup -->
                </div>                    
                <!-- itemBox 头条 -->
            </div>
            <div class="col-sm-4 col-md-3 box-right">

                <!-- news -->
                {:widget('Common/news')}
                <!-- /news -->

                <!-- labels -->
                {:widget('Common/labels')}
                <!-- /labels -->

                <!-- comment -->
                {:widget('Common/comment')}
                <!-- /comment -->
            </div>

            <div class="clearfix"></div>
        </div>
    </div>

    <script>
        $(function(){

            var indexFocus = new Swiper('#swiper',{
                loop: true,
                speed:1000,
                effect: 'coverflow',
                autoplay:{
                    delay:4000,
                    disableOnInteraction:true
                }, 
                navigation: {
                    nextEl:'.focusNext',
                    prevEl:'.focusPrev'
                }, 
                pagination: {
                    el:'#indexFocusPagination'
                }
              }); 
        });
    </script>
    
    <!-- footer -->
    {:widget('Common/footer')}
    <!-- /footer -->

    <script type="text/javascript" src="__JS__/jquery-2.1.4.min.js"></script>
    <script type="text/javascript" src="__STATIC__/bootstrap/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="__JS__/jquery.ripples.js"></script>
    <script type="text/javascript" src="__JS__/base.js"></script>
</body>
</html>